<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>交易详情</title>
    <!-- 初始化CSS -->
    <link href="plugin/swiper.css">
    <link rel="stylesheet" href="plugin/res.css">
    <!-- 模块css -->
    <link rel="stylesheet" type="text/css" href="sass/transaction.css">
    <link rel="stylesheet" type="text/css" href="sass/public.css">
    <!--  rem自适应布局 -->
    <script src="plugin/rem.js"></script>
</head>
<body>
<!--商品列表-->
<div class="datalistwall">
    <div class="datalistbox">
        <div class="top">
            --
        </div>
        <div class="centerbox">
            <div class="center kind1">
                <div class="goodsname">
                    <div class="goodsnametxt">
                        --
                    </div>
                    <div class="barcode">--</div>
                </div>
                <div class="pric">--</div>
                <div class="num">--</div>
            </div>
        </div>
    </div>
</div>
<!--优惠消息-->
<div class="offerbox">
    <div class="offerlist">
        <div class="offer">
            <div class="left">--</div>
            <div class="right">--</div>
        </div>
    </div>
    <div class="total">
        <div class="left">实收款</div>
        <div class="right">--</div>
    </div>
</div>
<!--退款信息-->
<div class="returnwall">
    <div class="returnbox">
        <div class="centerbox">
            <div class="center kind1">
                <div class="goodsname">
                    <div class="goodsnametxt">
                        --
                    </div>
                    <div class="barcode">--</div>
                </div>
                <div class="pric">--</div>
                <div class="num">--</div>
            </div>
        </div>
    </div>
</div>
<!--支付信息-->
<div class="payinforbox">
    <div class="payinfor">
        <div class="left">订单编号</div>
        <div class="right payinfor5">--</div>
    </div>
    <div class="payinfor">
        <div class="left">商户订单号</div>
        <div class="right payinfor6">--</div>
    </div>
    <div class="payinfor hyjf">
        <div class="left">会员积分</div>
        <div class="right payinfor7">--</div>
    </div>
    <div class="payinfor">
        <div class="left">支付时间</div>
        <div class="right payinfor1">--</div>
    </div>
    <div class="payinfor">
        <div class="left">支付方式</div>
        <div class="right payinfor2">--</div>
    </div>
    <div class="payinfor thcz">
        <div class="left">退货操作</div>
        <div class="right payinfor4">--</div>
    </div>
</div>
<!--连营-->
<div class="venture">
    <div class="top">购买商品</div>
    <div class="imgbox">

    </div>

</div>
<!--备注-->
<div class="remarksox">
    <div class="top">交易备注</div>
    <div class="remarkstxt">--</div>
</div>
<!--审批-->
<!--
<div class="approvalbox">
    <div class="top">审批流程</div>
    <div class="center">
        <div class="hearimg"></div>
        <div class="astatus">--</div>
        <div class="approvtime">--</div>
    </div>
</div>
-->
<!--操作栏-->
<div class="bottomnav">
    <div class="daogo">
        <div class="btn returnApply">撤销申请</div>
        <!--<div class="btn refundDetail" >退款详情</div>-->
        <div class="btn reloadorefund"  >重新申请</div>
        <div class="btn orefund">退款操作</div>
    </div>
    <div class="other">
        <div class="btn Agree">同意退款</div>
        <div class="btn refuse" >拒绝退款</div>
        <div class="btn reloadorefund">重新申请</div>
        <div class="btn orefund">退款操作</div>
        <!--<div class="btn refundDetail">退款详情</div>-->
    </div>

</div>

<div style="width: 100%;height: 1rem"></div>
</body>

<!-- 引用插件 -->
<script src="plugin/md5.js"></script>
<script src="plugin/jquery.js"></script>
<script src="plugin/config.js"></script>
<script src="plugin/fastclick.js"></script>
<script src="js/public.js"></script>
<!-- 模块JS -->
<script type="text/javascript" src="js/transaction.js"></script>
</html>
